/* author xiegang 
   2016-01-04
     会员中心公共样式表
 */

/*会员中心图标导入开始*/
.icon_member{
	display: inline-block;
	/*ie 7*/
	*display: inline;
	*zoom:1;
	background:url(../../images/member_v1.png) no-repeat;
	background-position:  0 0;
}
/*会员中心图标导入开始*/

/*主体内容开始*/
.member_container{
	width: 980px;
	margin: 10px auto;
}
.member_container .container_left{
	float: left;
	width: 18%;
	background: #F0F0F0;
}
.container_left .container_headpic{
	margin: 0px auto;
	text-align: center;
	padding: 20px;
}
.container_left .container_headpic>img{
	display: block;
	margin: 0px auto 10px;
	width: 130px;
	height: 130px;
	border-radius: 130px;
	-moz-border-radius: 130px;
	-webkit-border-radius: 130px;
	box-shadow: 0 0 2px 4px #ddd;
	padding: 2px;
	background: #fff;
}
.container_headpic>h3{
	color: #FF7800;
	font-size: 14px;
}
.container_left .container_menu{
	padding: 10px 15px;
}
.container_left .container_menu>ul>li{
	margin: 0px auto 15px;
	line-height: 25px;
}
.container_left .container_menu>ul>li>a{
	display: block;
	width: 100%;
	border-bottom: #dedede 1px solid;
	padding-bottom: 5px;
	margin-bottom: 10px;
	color: #666;
}
.container_left .container_menu ul li a:hover,.container_left .container_menu ul li a.hover{
	color: #FF7800;
}
.container_left .container_menu>ul>li>a>i{
	width: 21px;
	height: 21px;
	float: left;
}
.container_left .container_menu>ul>li>a>span{
	float: left;
	display: block;
	line-height: 21px;
	margin-left: 3px;
	font-size: 14px;
}
.container_left .container_menu>ul>li>a>i.icon_order{
	background-position: -2px -104px;
}
.container_left .container_menu>ul>li>a>i.icon_service{
	background-position: -30px -104px;
}
.container_left .container_menu>ul>li>a>i.icon_wallet{
	background-position: -58px -104px;
}
.container_left .container_menu>ul>li>a>i.icon_collect{
	background-position: -2px -134px;
}
.container_left .container_menu>ul>li>a>i.icon_friend{
	background-position: -30px -134px;
}
.container_left .container_menu>ul>li>a>i.icon_message{
	background-position: -56px -130px;
}
.container_left .container_menu>ul>li>a>i.icon_info{
	background-position: -2px -163px;
}
.container_left .container_menu>ul>li>a>i.icon_customer{
	background-position: -30px -163px;
}
.container_left .container_menu>ul>li>ul{
	margin-left: 24px;
}
.container_left .container_menu>ul>li>ul>li>ul{
	margin-left: 10px;
}
.container_left .container_menu>ul>li>ul>li>ul>li>a{
	color: #999;
}
.member_container .container_right{
	float: right;
	width: 80%;
}
.container_right h2{
	border-bottom: #dedede 1px solid;
	padding-bottom: 10px;
	font-size: 14px;
	color: #666;
}

/*******超过1440px的大屏下显示效果*******/
@media screen and (min-width:1440px) {
	/*主体内容开始*/
	.member_container{
		width: 1200px;
	}
}
